@import 'common.sass'

.part
    width: vw(750)
    height: auto
    display: flex
    flex-direction: column
    justify-content: center
    color: $content_color
    font-family: "SiYuanSCRegular"

    .container
        width: auto
        height: auto
        display: flex
        flex-direction: column
        justify-content: space-between
        align-items: center

        .contact-box
            height: vw(319)
            display: flex
            flex-direction: column
            justify-content: center
            align-items: center

            .main
                font-size: vw(32)
                line-height: vw(50)
                font-weight: bold                

            .second
                font-size: vw(24)
                line-height: vw(40)

            .bold
                font-weight: bold

        .map-box
            width: vw(700)
            height: vw(300)
            background-image: url("images/contact/middle.png")
            background-size: 100% 100%
            background-position: center center

        .address-box
            display: flex
            flex-direction: column

            .address-element-box

                width: vw(463)
                height: vw(180)
                font-size: vw(24)
                color: $hint_color
                display: flex
                flex-direction: column
                align-items: center
                justify-content: center

                .title
                    font-weight: bold
                    color: $content_color
                    display: flex
                    justify-content: space-between
                    margin: vw(6) auto
                    position: relative

                    .plaintext

                    .location-img
                        position: absolute
                        left: vw(300)

                .phone
                    margin: vw(6) auto
                .address
                    margin: vw(6) auto
                    text-align: center

        
    .bottom-box
        width: vw(750)
        height: vw(200)
        display: flex
        justify-content: center
        align-items: center
        background-color: #000

        .qrcode
            width: vw(100)
            height: vw(100)

            .img
                width: vw(100)
                height: vw(100)